<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>慢慢买-第五组</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="../font/category_font/iconfont.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/category.css">
</head>

<body>
  <!-- header 头部 -->
  <header>
    <h1>
      <a href="../index.html">
        <img src="../images/header_logo.png" alt="">
      </a>
    </h1>
    <a href="javascript:void(0);">
      <img src="../images/header_app.png" alt="">
    </a>
  </header>
  <!-- 搜索 -->
  <section class="mmb_search">
    <form action="#">
      <input class="search_ipt" type="search" placeholder="请输入你想比价的商品">
      <input class="search_submit" type="button" value="搜索">
    </form>
  </section>
  <!-- 商品分类 -->
  <div id="category">
    <div class="category_list">
      <a class="title">
        <span>大家电</span>
        <span class="iconfont icon-xuanzeqizhankai"></span>
      </a>
      <div class="content_box">
        <div class="content">
          <a href="javascript:;">电视</a>
          <a href="javascript:;">空调</a>
          <a href="javascript:;">影院</a>
          <a href="javascript:;">电视</a>
          <a href="javascript:;">空调</a>
          <a href="javascript:;">影院</a>
        </div>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <footer>
    <div class="footer_top">
        <span>登录</span>
        <span>注册</span>
        <a href="javascript:;" class="back">
            <img src="../images/toTop.jpg" alt="">
            <span>返回顶部</span>
        </a>
    </div>
    <div class="footer_content">
        <div class="footer_link">
            <a href="javascript:;">手机APP下载</a>
            <a href="javascript:;">慢慢买手机版</a>
            <a href="javascript:;">-- 掌上比价平台</a>
        </div>
        <p>m.manmanbuy.com</p>
    </div>
</footer>

</body>

<script type="text/template" id="list_title">
  {{ each result value key}}
  <div class="category_list" id="accordion">
    <a class="title" data-titleid="{{value.titleId}}">
      <span>{{value.title}}</span>
      <span class="iconfont icon-xuanzeqizhankai"></span>
    </a>
    <div class="content_box">
      <div class="content">
        
      </div>
    </div>
  </div>
  {{/each}}
</script>
<script type="text/template" id="content_title">
  {{ each result value key}}
  <a href="productlist.html?categoryid={{value.categoryId}}&category={{value.category}}">{{value.category}}</a>
  {{ /each }}
</script>
<script src="../lib/bootstrap/js/jquery.1.12.4.js"></script>
<script src="../lib/zepto/dist/zepto.js"></script>
<script src="../lib/zepto/src/event.js"></script>
<script src="../lib/zepto/src/ajax.js"></script>
<script src="../lib/art-template/template-web.js"></script>
<script src="../js/category.js"></script>

</html>